{% extends 'base.html' %}

{% block title %} 新闻区 {% endblock %}

{% block page_name %} 新闻区 {% endblock %}

{% block content %}
	<div class="faq-w3agile">
		<div class="container">
			<h2 class="w3_agile_header">新闻News</h2>
			<ul class="faq">
				<!--遍历所有新闻-->
				{% for news in news_list %}
					<!--跳转到single_news.html,新闻详情界面-->
					<li class="item1"><a href="{{ news.get_absolute_url }}" title="click here">{{ news.news_title }}</a>
						<ul>
							<li class="subitem1"><p>{{ news.news_summary }}</p></li>
						</ul>
					</li>
				{% endfor %}
			</ul>
			<!-- script for tabs -->
			<script type="text/javascript">
				$(function() {

					var menu_ul = $('.faq > li > ul'),
						   menu_a  = $('.faq > li > a');

					menu_ul.hide();

					menu_a.click(function(e) {
						e.preventDefault();
						if(!$(this).hasClass('active')) {
							menu_a.removeClass('active');
							menu_ul.filter(':visible').slideUp('normal');
							$(this).addClass('active').next().stop(true,true).slideDown('normal');
						} else {
							$(this).removeClass('active');
							$(this).next().stop(true,true).slideUp('normal');
						}
					});

				});
			</script>
			<!-- script for tabs -->
		</div>
	</div>
{% endblock %}